import {ref,computed} from 'vue'

export default function useTodoFilter(todos) {
    const kind = ref("all");

    const filteredTodos = computed(()=>{
        switch(kind.value) {
            case "done":
                return todos.value.filter((todo)=>todo.completed);
            case "todo":
                return todos.value.filter((todo)=>!todo.completed);
            default:
                return todos.value;
        }
    })

    return {
        kind,
        filteredTodos
    }
}